<template>
  <Footer>
      <div class="footbox1">
          <span class="iconfont icon-shouye"></span>
          <span>首页</span>
      </div>
      <div class="footbox2">
          <span  class="iconfont icon-sousuo"></span>
          <span>职位</span>
      </div>
      <div class="footbox3">
          <span  class="iconfont icon-newspaper"></span>
          <span>头条</span>
      </div>
      <div class="footbox4">
          <span  class="iconfont icon-resume-line"></span>
          <span>简历</span>
      </div>
      <div class="footbox5">
          <span  class="iconfont icon-31wode"></span>
          <span>我的</span>
      </div>
  </Footer>
</template>

<script>
export default {

}
</script>

<style scoped>
Footer{
    position: fixed;
    bottom: -0.01rem;
    z-index: 10;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    background-color: white;
    font-size: .2rem;
}
.footbox1,.footbox2,.footbox3,.footbox4,.footbox5{
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: .1rem;

}
.icon-shouye,.icon-sousuo,.icon-newspaper,.icon-resume-line,.icon-31wode{
    font-size: .4rem;
    line-height: .5rem;
}
.icon-resume-line{
    font-size: .5rem;
    line-height: .5rem;
}
/* el-icon-tickets简历 */
</style>